<!doctype html>
<html lang="en"  ng-app="operationChoujiangLiuchengApp" >
<head>
	<meta charset="UTF-8">
    <title>周周送IP6 每周有惊喜</title>

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/choujiang_1.css" rel="stylesheet"/>

</head>
<body  ng-controller="choujiangCtrl">
	<div class="loadDiv">
		<img src="images/choujiang/load.gif" class="loadPic"/>
	</div>
	<img src="images/choujiang/lottery_activity_4_1.png" class="slogan">
	<!--获取抽奖号-->

	<form class="choujiang-form" >
		<dl ng-show="userInfoChouJiang.ticketValue==null&&userInfoChouJiang.valid==true">
			<dt class="clearfix"><span class="fl">完整个人资料</span><span class="fr">已参与<b>{{userInfoChouJiang.joinedUser}}</b>人</span></dt>
			<dd id="errorMessageDiv" style="background:red" ng-show="displayChouJiangError==true"><font style="color:white">{{errorMessageChouJiang}}</font></dd>
			<dd>联系人&nbsp;<em>*</em><input type="text" id="name" ng-model="userInfoChouJiang.userName" maxlength="20" ng-change="changeUserNameChouJiang()"></dd>
			<dd>联系电话<em>*</em><input type="text" id="phone" ng-model="userInfoChouJiang.phone"  maxlength="20" ng-change="changeAddressChouJiang()"></dd>
			<dd>楼号&nbsp;<em>*</em><input type="tel" id="roomUnit" ng-model="userInfoChouJiang.roomUnit"  maxlength="100" ng-change="changeAddressChouJiang()" onkeyup="value=value.replace(/[^\d]/g,'')" /></dd>
			<dd>房间号&nbsp;<em>*</em><input type="tel" id="roomNumber" ng-model="userInfoChouJiang.roomNumber"  maxlength="100" ng-change="changeAddressChouJiang()" onkeyup="value=value.replace(/[^\d]/g,'')" /></dd>
		</dl>


	<div class="info">
		<input type="submit" id="joinButton" value="获取抽奖号" ng-show="userInfoChouJiang.ticketValue==null&&userInfoChouJiang.valid==true" ng-click="submitChouJiang(userInfoChouJiang)">
		<img src="images/choujiang/xinfeng1.png" class="xinfeng"/>
		<!--抽奖前-->
		<div class="info-t cj-before" ng-show="userInfoChouJiang.ticketValue!=null">
			<span class="line"></span>
			<div class="info-t-con">
				<p>您的抽奖号</p>
				<p id="prizeNum">{{userInfoChouJiang.ticketValue}}</p>
				<p>已参与<span id="joinerNum">{{userInfoChouJiang.joinedUser}}</span>人</p>
			</div>
		</div>
		<!--抽奖后-->
		<div class="info-t cj-after" ng-show="userInfoChouJiang.ticketValue==null&&userInfoChouJiang.valid==false">
			<span class="line"></span>
			<div class="info-t-con">
				<p>为邻居做点事儿，获得抽奖号</p>
				<a class="a1" ng-click="goPostQuestion()">去提问</a><a ng-click="goAnswerQuestion()">去回答</a>
				<p>已参与<span id="joinerNum">{{userInfoChouJiang.joinedUser}}</span>人</p>
			</div>
		</div>
		<div class="clearfix info-b">
			<!--p class="p1" ><img src="images/choujiang/icon.png" />&nbsp;距离下次抽奖</p-->
			<!--p class="p2" >{{timeToNextLottery}}</p-->
			<p></p>
			<p></p>
			<p class="p3">咋玩：每周随机抽出25名V认证用户</p>
			<p class="p4">奖啥：进口希腊橄榄油， 五常有机大米，加拿大进口麦片</p>
			<p class="p4">要求：每周发布三条以上有效内容</p>
			<a href="javascript:;" class="rule-a">活动规则</a>
		</div>
	</div>
	</form>

	<div ng-show="luckyUserList !=null&&luckyUserList.length>0">
		<div style="text-align: center">
			<img src="images/choujiang/lotteryBanner-2.png"  style="display:inline-block;vertical-align:middle;width:80%;"/>
		</div>

		<div  ng-repeat="week in luckyUserList">
			<!--
			<div class="result result-no">
				<p class="name">{{week.week}} </p>
				<p  class="name">({{week.date}})</p>
			</div>
			-->
			<div style="background-color:#fff;margin-left: 3%;margin-right:3%;">
				<div style="text-align: center;">
					<br>
					<p style="font-size:18px;color:#f7744a;font-weight:bold">{{week.week}} </p>
					<p style="font-size:14px;color:#B6B6B4;">({{week.date}})</p>
					<hr>
				</div>
				<ul class="result result-list">
						<li ng-repeat="user in week.uList" style="height:50px" class="clearfix">
							<div class="fl">
								<img ng-show="user.profileImage" src="{{user.profileImage.indexOf('http')!= 0?fastDfsHostIp+user.profileImage:user.profileImage}}" class="avatar"/><img ng-show="!user.profileImage" src="{{'images/choujiang/anonymous.png'}}" class="avatar"/><div><p class="name">{{user.userName}}<span ng-show="user.roomUnit!=null&&user.roomUnit!=''"><img src="images/choujiang/location.png"  style="display:inline-block;vertical-align:middle;width:10%;"/>{{user.roomUnit}}单元</span></p><p ng-show="user.questionCount">本周发布{{user.questionCount}}条</p></div>
							</div>
							<div class="fr">
								<img src="{{prizelist[user.prize]}}" style="display:inline-block;vertical-align:middle;width:80%;" />
							</div>
						</li>
				</ul>
			</div>
		</div>
		<div  ng-show="needLoad"  ng-model="weekly" ng-click="getMore(weekly)" style="border-top:1px solid #888; text-align: center;background-color:#fff;margin-left: 3%;margin-right:3%;" >
			<p style="margin-top: 5px; height:25px;">{{loadStr}}</p>
		</div>
	</div>



	<div class="popup" hidden>
		<div class="rule">
			<img src="images/choujiang/close.png" class="closeBtn">
			<span><em></em>活动规则</span>
			<p>1.当周发布三条有效邻里互助内容即可获得抽奖机会。</p>
			<p>2.当周发布内容越多，中奖几率越高！</p>
			<p>3.每周抽出：
				<br>一等奖3名
				<br>奖品：希腊原装进口阿蒂米斯橄榄油500mL*2瓶，零售价：249.00/瓶
				<br>二等奖6名
				<br>奖品：东北五常有机大米稻花香5斤*1袋，零售价：89.00/袋
				<br>三等奖16名
				<br>奖品：加拿大原装进口奥黛莉原味燕麦片1kg*1袋，零售价：49.00/袋</p>
			<p>4.本活动仅对绿城小区V认证用户开放，最终解释权归宝宝树66小区所有，活动咨询请联系小6客服。</p>
			<!--p>5.本活动仅对绿城小区V认证用户开放，最终解释权归宝宝树66小区所有，活动咨询请联系小6客服。</p-->
			<span><em></em>活动时间</span>
			<p>5月9日开始，结束时间请关注宝宝树66小区APP通知。</p>
			<span><em></em>开奖时间</span>
			<p>每周五中午12点在宝宝树66小区APP内开奖。</p>
			<br />
		</div>
	</div>
	<div class="h30"></div>
</body>
</html>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="../../../lib/angular/angular.js"></script>
<script src="../../../lib/angular/angular-route.js"></script>
<script src="../../../lib/angular/angular-resource.js"></script>
<script src="js/choujiang-liucheng-angular-controller25.js"></script>
<script>
	$(window).load(function(){
//			$('.loadPic').hide();
//			$('.loadDiv').hide();
	});
	$('.rule-a').click(function(){
		var height=$(window).scrollTop();
		$('.rule').css({'top':height});
		$('.popup').show();
	})
	$('.closeBtn').click(function(){
		$('.popup').hide();
	})
</script>
